<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            width: 100px;
            height: 100px;
            background-color: aqua;
            /* 第一个值是水平方向的偏移量，第二个值是垂直方向偏移量 */
            /* 第三个值是模糊半径，第四个值是延伸半径 */
            /* 第五个值是阴影颜色，第六个值是空值阴影是内阴影还是外阴影 */
            box-shadow: 5px 5px 10px 10px orange inset; 
        }
    </style>
</head>
<body>
    <!-- 在线调整阴影的网站：https://html-css-js.com/css/generator/box-shadow/ -->
    <div class="box"></div>
</body>
</html>